 
function getBasicLayouts() {
 
    var cardNav = function(incr){
        var l = Ext.getCmp('content-panel').getLayout();
        var i = l.activeItem.id.split('card-')[1];
        var next = parseInt(i, 10) + incr;
        l.setActiveItem(next);
        Ext.getCmp('card-prev').setDisabled(next===0);
        Ext.getCmp('card-next').setDisabled(next===2);
    };

var tabs = new Ext.TabPanel({
   items:[{
                title: 'Alerts',
                html: 'This is tab 1 content.'
            },{
                title: 'Correlation',
                html: 'This is tab 2 content.'
            }]
});


    return {
 
        start: {
            id: 'start-panel',
            title: 'Start Page',
            layout: 'fit',
            bodyStyle: 'padding:25px',
            contentEl: 'start-div'  
        },


EventTabs1: {
            xtype: 'tabpanel',
            id: 'alert-tab-panel',
            plain: true,   
            activeTab: 0,
            style: 'background-color:#dfe8f6; ',
            defaults: {bodyStyle: 'padding:15px'},
            items:[{
                title: 'Search',
		layout: 'fit',
                items: search_panel 
             
            }]
        },  
 
EventTabs2: {
        xtype: 'tabpanel',
            id: 'correlation-tab-panel',
            plain: true,  
            activeTab: 1,
            style: 'background-color:#dfe8f6; ',
            items:[{
                title: 'Correlation',
		layout: 'fit',
                items: grid 
            }]
        }, 

MonitoringTabs1: {
            xtype: 'tabpanel',
            id: 'nodes-tab-panel',
            plain: true,  
            activeTab: 0,
            style: 'background-color:#dfe8f6; ',
            defaults: {bodyStyle: 'padding:15px'},
            items:[{
                title: 'Charts',
		layout: 'fit',
 
                items: chart_panel 
            },{
                title: 'Network',
                html: 'This is tab 2 content.'
            }]
        },  
 
MonitoringTabs2: {
        xtype: 'tabpanel',
            id: 'network-tab-panel',
            plain: true,   
            activeTab: 1,
            style: 'background-color:#dfe8f6; ',
            defaults: {bodyStyle: 'padding:15px'},
            items:[{
                title: 'Nodes',
                html: 'This is tab 1 content.'
            },{
                title: 'Network',
                html: 'This is tab 2 content.'
            }]
        }, 


    };
}

